<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%
           String path = request.getContextPath();
           String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
		%>   
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>个人信息</title>
<base href="<%= basePath%>">
<link rel="icon" href="static/img/b2c_favicon.ico" type="image/x-icon"/>
  <link href="static/css/xinxi.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="box">
<div id="test"></div>
<div id="zhuce">
					<div class="zhuce-title">
							<h1>欢迎注册联想会员</h1>
    						<div onclick="guan()" class="close"></div>
    				</div>
    				<div class="zhuce-input">
    					<p><lable>账号</lable><input class="account" placeholder="请输入手机号"/></p>
    				</div>
    				<div class="enroll_inputaa ">
    					<p>请输入正确的格式</p>
    				</div>
    				<div class="enroll_inputb">
    					<p><lable>密码</lable><input type="password" class="account" placeholder="密码长度8~20位,数字、字母、字符至少包含两种"/></p>
    				</div>
    				<div class="enroll_inputbb ">
    					<p>请输入正确的格式</p>
    				</div>
    				<div class="enroll_inputc">
    					<p><lable>确认密码</lable><input type="password"class="account" ></p>
    				</div>
    				<div class="enroll_inputaa errorRepwd">
    					<p class="error">确认密码和密码不一致，请重新输入</p>
    				</div>
    				<div class="enroll_inputd">
    					<p><lable>验证码</lable><input type="text" class="captcha_code"></p><img src="" class="yanzhengma"/><span class="huan">换一张</span>
    				</div>
    				<div class="enroll_inputaa">
    					<p>验证码格式错误</p>
    				</div>
    				  <div class="enroll_inputd">
    					<p><lable>手机验证码</lable><input type="text" class="captcha_code"></p><button class="mobile_captcha" style="margin-left:3px;width: 120px; background: #c2c2c2;border: none;height: 28px;cursor: poiner;">获取手机验证码</button>
    				</div>
    				<div class="enroll_inputaa"></div>
    				<div class="enroll_main">
    					<lable>
    						<input type="checkbox" class="chk"/>
    						<p>同意联想的<a>使用条款</a>和<a>隐私权政策</a></p>	
    					</lable>
    				</div>
    				<div class="enroll_btn">
    						<a>立即注册</a>
    				</div>
				</div>

<div id="denglu">
					<div class="login">
						<div class="now">普通登录</div>
						<div class="nows">快捷登录</div>
						<div onclick="cancel_shield()" class="close"></div>
					</div>
					<div class="login-input">
						<div class="use">
							<img src="static/img/icon03.jpg" class="input-img"/>
							<input type="text" name="" class="name1" placeholder="请输入手机号或邮箱"/>
						</div>
					</div>
					<div class="login-inputb">
						<div class="pwd">
							<img src="static/img/icon04.jpg" class="input-img"/>
							<input type="password" name="" class="name1" placeholder="密码"/>
						</div>
					</div>

					<div class="login-main">

					</div>
					<div class="zidong">
						<input type="checkbox" name="" class="persistent"><p>自动登录</p>
					</div>
					<div class="login-btn">
						<a>登录</a>
					</div>
					<div class="login-zhu">
						<p>
							<a class="zhuc" onclick="zhu()">立即注册</a>
							<a class="mima">忘记密码</a>
						</p>
					</div>
					<div class="cooperation">
						使用合作网站账号登录:
						<div class="cooperation_items">
							<a>
								<img src="static/img/ico_qq.png"/>
								<img src="static/img/ico_wc.png"/>
								<img src="static/img/ico_sina.png"/>
								<img src="static/img/ico_zfb.png"/>
							</a>
						</div>
					</div>

			</div>

<div class="top-box">
				<img src="static/img/0d66fb8c-f7b0-4d2c-888c-51d56f67aeab_1.jpg" class="top-img"/>
				<ul class="ulone">
					<li>联想首页</li>
					<li>商城</li>
					<li>社区</li>
					<li>服务</li>
					<li>资讯</li>
					<li>门店</li>
					<li class="topimg">手机版<span class="ii"></span></li>
				</ul>
				<div class="qq"><img src="static/img/mmqrcode1515487661338.png"/></div>
		</div>
		<div class="two-box">
			<ul class="ultwo">
				<li>联想合伙人</li>
				<li>私人订制</li>
				<li>急速达</li>
				<li>积分兑换</li>
				<li>小新店铺</li>
				<li>学生专区</li>
				<li>商用专区</li>
			</ul>
			<div class="find">
				<input type="text" name="" placeholder="智能头盔" class="input-one">
				<span class="find-box"><span class="find-img"></span></span>
			</div>
			<div class="shop-img"></div>
			<div class="Personal-img" onclick="shield()"></div>
		</div>
</div>

<div class="box1">
<a>首页</a>
>
<a href="jsps/geernzhongxin.jsp">会员中心</a>
>
<a>个人信息</a>
</div>
<jsp:include page="/jsps/geren-left.jsp">
	<jsp:param value="0" name="index"/>
</jsp:include>

<div class="gr">
<div class="grxx"><span>个人信息</span></div>
<div class="msg" style="height:380px;">
<div class="name">
	<p>会员账号：</p>
	<p><a>*</a>会员昵称：</p>
	<p><a>*</a>性别：</p>
	<p>真实姓名：</p>
	<p><a>*</a>居住地：</p>
	<p>详细地址：</p>
	<p>手机号码：</p>
</div>
<div class="inp">
<p> 18374001569</p>
<p><input type="text"  name="username"  placeholder="18374001569" style="width:150px">
<span>4-20个字符，可由中英文、数字、“_”、“-”组成</span></p>
<p><input type="radio" name="gender" value="1" ><label for="sex-man">男</label>
<input type="radio" name="gender" value="2" class="xb"><label for="sex-woman">女</label>
<input type="radio" name="gender" checked="checked" value="0" class="xb"><label for="sex">保密</label></p>
<p><input type="text"  name="username" style="width:150px">
<span>英文长度:4-20 ，中文长度:2-10</span></p>
<p>
<select name="province" id="province"><option value="请选择省份" >请选择省份</option></select>
<select name="city" id="city"><option value="请选择城市">请选择城市</option></select>
<select name="town" id="town"><option value="请选择区/县">请选择区/县</option></select>
</p>
<p><input type="text"  name="username" style="width:300px"></p>
<p><input type="text"  name="username" style="width:300px"></p>
</div>
<div class="gb">
<div class="content_form"> 
<div class="avatar_form"> 
					<form action="upload" class="ui-form" method="post" enctype="multipart/form-data"> 
						<img id="nickPic" class="ui-pic" src="${tx==null?'static/img/sdefault1477559405444.png':tx}" alt=""> 
							<div class="ui-tip"> 
								<span class="ui-change">更换头像</span> 
								<div class="ui-bg"></div> 
							</div> 
							<input id="uploadAvartar" class="ui-file" type="file" name="image"> 
							<input id="picUrl" class="ui-input" type="hidden" value="${tx==null?'static/img/sdefault1477559405444.png':tx}">
					</form>
				</div> 
				<span id="pic-tip" class="ui-pic-tip"></span> 
					<div class="subbox clearfix"> 
						<a href="javascript:;" id="btn_submit" class="btn_check">完成</a> 
					</div>
				</div>
				</div>
				</div>
<p class="paswd_btn" id="changepasssubmit" onmouseover="this.style.background='#FF3030'" onmouseout="this.style.background='#c9c9c9'" style="background: rgb(201, 201, 201);">修改</p>
</div>
</div>
<div><div class="dbtp">
<div class="tupian">
<img src=" static/img/t.jpg">
</div>
</div>
<div class="zhong">
<div class="zhong1">
<div class="zhong2">
<div class="zhong3">
<dl class="zhong5">
<dt><a>购物指南</a></dt>
<dd >
<a class="zz1">服务商信息</a>
<a class="zz1">购物流程</a>
<a class="zz1">注册登录</a>
</dd>
</dl>
<dl class="zhong4">
<dt><a>配送方式</a></dt>
<dd >
<a class="zz1">配送方式</a>
<a class="zz1">配送方式信息</a>
<a class="zz1">签收原则</a>
<a class="zz1">物流查询</a>
</dd>
</dl>
<dl class="zhong4">
<dt><a>支付方式</a></dt>
<dd >
<a class="zz1">分期支付</a>
<a class="zz1">支付方式</a>
<a class="zz1">支付问题</a>
</dd>
</dl>
<dl class="zhong4">
<dt><a>订单信息</a></dt>
<dd >
<a class="zz1">订单信息</a>
<a class="zz1">发票信息</a>
</dd>
</dl>
<dl class="zhong4">
<dt><a>售后服务</a></dt>
<dd >
<a class="zz1">售后服务总则</a>
<a class="zz1">24小时在线客服</a>
</dd>
</dl>
<dl class="zhong4">
<dt><a>其他说明</a></dt>
<dd >
<a class="zz1">服务承诺</a>
<a class="zz1">账户安全</a>
<a class="zz1">产品安全</a>
<a class="zz1">手机产品购买须知</a>
<a class="zz1">环境信息</a>
</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
<div class="di">
<ul class="dll1">
<li class="di2">
<a class="di3">关于联想</a>
<a class="di4">公司介绍</a>
<a class="di4">投资者关系</a>
<a class="di4">工作机会</a>
<a class="di4">联系我们</a>
<a class="di4">销售网点查询</a>
<a class="di4">服务网点查询</a>
</li>
<li class="di2">
<a class="di3">联想商城</a>
<a class="di4">0元试用</a>
<a class="di4">急速达</a>
<a class="di4">联想合伙人</a>
<a class="di4">私人定制</a>
<a class="di4">以旧换新</a>
</li>
<li class="di2">
<a class="di3">联想服务</a>
<a class="di4">驱动与软件下载</a>
<a class="di4">联想知识库</a>
<a class="di4">24小时智能客服</a>
<a class="di4">保修配置查询</a>
<a class="di4">服务政策查询</a>
<a class="di4">上门快修</a>
<a class="di4">延长保修</a>
</li>
</li>
<li class="di2">
<a class="di3">联想网站群</a>
<a class="di4">联想电脑管家</a>
<a class="di4">联想超融合</a>
<a class="di4">联想研究院</a>
<a class="di4">智慧医疗</a>
<a class="di4">聚享汇</a>
<a class="di4">联想租赁商城</a>
<a class="di4">联想企业网盘</a>
</li>
<li class="di2">
<h6>联想官方社交平台</h6>
<ul class="di5">
<li class="fl1">
<p class="tu1"></p>
</li>
<li class="fl1">  
<p class="tu2"></p>
</li>
<li class="fl1">  
<p class="tu3"></p>
</li>
<li class="fl1">  
<p class="tu4"></p>
</li>
</ul>
</li>
</ul>
<div class="mo">
<div class="m1">
<div class="m2">版权所有：1998-2017 联想集团
<span>|</span>
<a>法律公告</a>
<span>|</span>
<a>隐私保护</a>
<div class="m3">
<a>京ICP备11035381 </a>
<span>|</span>
<a>京公网安备110108007970号  </a>
<span>|</span>
<a>营业执照：110000410127232</a>
</div>
</div>
</div>
</div>
</div>
 </body>
</html>
<script type="text/javascript" src="static/js/jquery-3.1.0.js"></script>
<script src="static/js/area.js"></script>
<script src="static/js/jquery-1.11.3.min.js"></script>
<script src="static/js/select.js"></script>
<script>
$(function(){
	$('input[name=image]').change(function(){
		$('form').submit();
	});
});

 //顶部图片下拉
	$('.ii').hover(
	function(){
		$('.qq img').slideToggle();
	});

function shield(){
    var s = document.getElementById("test");
    s.style.display = "block";
    var l = document.getElementById("denglu");
    l.style.display = "block";
}
function cancel_shield(){
    var s = document.getElementById("denglu");
    s.style.display = "none";
    
    var l = document.getElementById("test");
    l.style.display = "none";
}
function zhu(){
    var z = document.getElementById("zhuce");
    z.style.display="block";
    var l = document.getElementById("test");
    l.style.display = "block";
    var s = document.getElementById("denglu");
    s.style.display = "none";
}
function guan(){
    var q = document.getElementById("zhuce");
    q.style.display="none";
    var l = document.getElementById("test");
    l.style.display = "none";
}
</script>